<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>Bootstrap 101 Template</title>

		<!-- Bootstrap -->
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
		<style>
			.left {
				float: left;
			}

			.right {
				float: right;
			}

			.c-nav {
				width: 100%;
				padding: 15px 0px;
			}

			.row .c-thuan {

				width: 130px;
				height: 70px;
				background-color: rgba(59, 190, 122, .9);
				float: left;
				padding-top: 10px;
				padding-bottom: 10px;
				cursor: pointer;

			}

			.c-thuan .c-img {
				background-image: url(http://www.tuhuanjk.com/templets/default/img/logo-pc.svg);
				background-repeat: no-repeat;
				background-size: 80px 56px;
				width: 80px;
				height: 56px;
				margin: 0 auto;
				background-position: center;
				text-align: center;
				cursor: pointer;
			}

			.line-top {
				border-top: 1px solid #3bbe7a;
				width: 18px;
				margin: auto;
			}

			.container .c-dhan ul li {
				padding-top: 10px;
				width: 114px;
				height: 42px;
			}

			.container .c-dhan ul li a {
				padding: 16px 25px 5px !important;
				color: black;
				font-size: 16px;
			}

			.container .c-dhan ul li a:hover {
				background-color: white;
				color: rgba(59, 190, 122, .9);
			}

			.c-dhan .c-btn {
				width: 142px;
				padding: 6px 25px;
				border: 1px solid #3bbe7a;
				background: white;
				color: #3bbe7a;
				margin-top: 15px;
			}

			.row {
				margin-right: 14px;
				margin-left: -15px;
			}

			.c-dhan .c-btn:hover {
				background: #3bbe7a;
				color: white;
			}

			@media (max-width: 768px) {
				.c-nav {
					display: none;
				}
			}

			/* 轮播图 */
			.item {
				width: 100%;
			}

			.item img {
				width: 100%;
			}

			.carousel-indicators li {
				width: 20px;
				height: 2px;
				background-color: white;
				margin: 0px 5px;
			}

			.carousel-indicators li.active {
				width: 20px;
				height: 4px;
				background-color: #3bbe7a;
			}

			.carousel-caption {
				top: 16%;
				right: 16px;
			}

			.carousel-caption h1 {
				font-size: 50px;
			}

			.carousel-caption em {
				font-size: 64px;
			}

			.carousel-caption p {
				font-size: 30px;
			}

			.carousel-control {
				width: 1%;
			}


			.c-zdy {
				position: absolute;
				top: 16%;
				left: 50px;
			}

			.c-zdy h1 {
				font-size: 50px;
			}

			.c-zdy em {
				font-size: 64px;
			}

			.c-zdy p {
				font-size: 30px;
			}

			.carousel-control.right,
			.carousel-control.left {
				background-image: none;
			}

			.btn-primary {
				font-size: 25px;
				font-weight: normal;
				color: #fff;
				border-color: rgba(59, 190, 122, .9);
				background-color: rgba(59, 190, 122, .9);
				display: inline;
				text-align: center;
				border-radius: 2px;
				padding: 5px 10px;
			}

			.title-comm {
				text-align: center;
				margin: 100px 0 80px;
			}

			.welinain {
				text-align: center;
			}

			.line {
				border-top: 1px solid #3bbe7a;
				width: 30px;
				margin: 20px auto 40px;
			}

			.linh25 {
				line-height: 25px;
			}

			.large-3 {
				width: 33.33333333%;
				float: left;
			}

			/* 以专业... */
			.title-comm-tuhuan {
				text-align: center;
				margin: 100px 0 80px;
			}

			/* !-- 途欢健康，协同...  */
			.mb8 {
				margin-bottom: 8px;
			}

			.lineheight {
				margin: 30px auto 26px;
			}

			.line-tuhuan {
				border-top: 2px solid #3bbe7a;
				width: 80px;
				margin: 30px auto 26px;
			}

			.tuhuan-item-comm {
				position: relative;
				width: 100%;
				height: 100%;
				display: inline-block;
			}

			.img-responsive {
				display: block;
				max-width: 100%;
				height: auto;
			}

			.zljh-logo-icon {
				background-image: url(http://www.tuhuanjk.com/templets/default/img/zljh-logo-icon.png);
				background-repeat: no-repeat;
				width: 100%;
				height: 100%;
				position: absolute;
				background-position: center;
				left: 0;
				top: 0;
			}

			@media (min-width: 768px) {
				.zljh-logo-icon {
					background-size: 70px 70px;
				}
			}

			@media (max-width: 767px) {
				.zljh-logo-icon {
					background-size: 43px 43px;
				}
			}

			/* 四图 */
			.fuwutixi-global {
				background-color: rgba(222, 223, 212, .4);
				padding: 3.1% 0;
			}

			.fuwutixi-imgitem {
				width: 100%;
				overflow: hidden;

			}

			.fuwutixi-imgitem>img {
				position: relative;
			}

			.fuwutixi-imgitem>div img {
				position: absolute;
				bottom: 0;
				max-height: 45px;
			}

			.fuwutixi-imgitem>div p {
				position: absolute;
				bottom: 10px;
				color: #fff;
				font-size: 16px;
				font-weight: bold;
				left: 1.8%;
			}

			.img-responsive {
				display: block;
				max-width: 100%;
				height: auto;
			}

			img {
				vertical-align: middle;
			}

			.fuwutixi-imgitem>div {
				position: relative;
			}

			.fuwutixi-imgitem>div:last-child img {
				right: 0;
			}

			.fuwutixi-imgitem>div:last-child p {
				right: 1.8%;
				left: auto;
			}

			.original-shape {
				margin: auto;
				margin-top: 18%;
			}

			.original-shape {
				width: 150px;
				height: 150px;
				border-radius: 50%;
				background-color: rgba(59, 190, 122, .95);
				font-size: 20px;
				font-weight: bold;
				line-height: 150px;
				color: #fff;
				text-align: center;
			}

			@media only screen and (max-width: 1366px) and (min-width: 1153px) {
				.original-shape {
					font-size: 18px;
					width: 130px;
					height: 130px;
					line-height: 130px;
				}
			}

			.dabox {
				width: 100%;
				height: 600px;
			}

			.dabox img {
				width: 100%;
				height: 100%;
			}

			/* 底部开始 */
			footer {
				background-color: #333;
				padding: 46.5px 0;
			}

			.ac-gf-footer-legal {
				margin-left: 100px;
				float: left;
			}

			.footer-legal-links {
				margin-bottom: 10px;
				overflow: hidden;
			}

			.footer-legal-links a:first-child {
				padding-left: 0;
			}

			.bor-line {
				width: 1px;
				height: 10px;
				border-right: 1px solid rgba(170, 170, 170, .5);
				margin-top: 6px;
				float: left;
			}

			.footer-legal-links a {
				margin-right: 15px;
				padding-left: 15px;
				white-space: nowrap;
				color: rgba(170, 170, 170, .8);
				float: left;
			}

			.footer-beizhu {
				font-size: 12px;
				color: rgba(102, 102, 102, .8);
			}

			.footer-weixin {
				float: right;
				position: relative;
				top: 0px;
				left: -50px;
				margin-right: 20px;
			}



			@media only screen and (max-width: 1068px) .bt-example-popover {
				left: -42px;
			}

			.bt-example-popover .popover {
				width: auto;
				background-color: #fff;
				border-radius: 4px;
				box-shadow: none;
				position: relative;
				display: block;
				box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
				border: none;
				opacity: 0;
				-webkit-transition: all .5s ease-out;
				-moz-transition: all .5s ease-out;
				-o-transition: all .5s ease-out;
				transition: all .5s ease-out;
			}

			@media only screen and (max-width: 1068px) .erweima-logo-icon {
				background-size: 100px 100px;
				height: 100px;
				width: 100px;
			}

			.shouji-logo-icon {
				position: relative;
				background-repeat: no-repeat;
				background-image: url(http://www.tuhuanjk.com/templets/default/img/shouji-logo-icon.svg);
				background-size: 42px 42px;
				height: 42px;
				width: 42px;
				opacity: .8;
				cursor: pointer;
				margin: 0;
				-webkit-transition: all .5s ease-in;
				-moz-transition: all .5s ease-in;
				-o-transition: all .5s ease-in;
				transition: all .5s ease-in;
			}

			.footer-weixin .wx {
				padding: 7px;
				position: absolute;
				bottom: 62px;
				right: -55px;
				content: '';
				width: 160px;
				height: 160px;
				background-color: white;
				z-index: 2;
				display: none;

			}

			.footer-weixin:hover .wx {
				display: block;
			}

			.footer-weixin .wx::after {
				position: absolute;
				bottom: 10px;
				right: 10px;
				content: "";
				width: 140px;
				height: 140px;
				background-size: 50px 50px;
				background: url(http://www.tuhuanjk.com/templets/default/img/erweima-app.svg);
			}

			.footer-weixin .wx::before {
				position: absolute;
				right: 60px;
				bottom: -36px;
				width: 0;
				content: "";
				height: 0;
				border-top: 20px solid white;
				border-right: 20px solid transparent;
				border-bottom: 20px solid transparent;
				border-left: 20px solid transparent;

			}

			.footer-weixin:hover:.wx {
				display: block;
			}

			.weixin-logo-icon {
				background-repeat: no-repeat;
				background-image: url(http://www.tuhuanjk.com/templets/default/img/wewix-ico.svg);
				background-size: 42px 42px;
				height: 42px;
				width: 42px;
				opacity: .8;
				cursor: pointer;
				margin: 0;
				-webkit-transition: all .5s ease-in;
				-moz-transition: all .5s ease-in;
				-o-transition: all .5s ease-in;
				transition: all .5s ease-in;
			}

			/* 底部结束 */
			/* !-- 缩小时显示 */
			.c-new {
				width: 100%;
				padding: 5px 0px;
			}
			
			@media (min-width:768px) {
				.c-new {
					display: none;
				}
			}
			
			.c-new .c-zuo {
				margin-left: 20px;
				float: left;
				height: 45px;
				font-size: 18px;
				line-height: 20px;
				display: inline-block;
			}
			
			@media (max-width: 767px) {
				.ac-logo-icon {
					background-repeat: no-repeat;
					background-image: url(http://www.tuhuanjk.com/templets/default/img/logo.svg);
					background-size: 33px 33px !important;
					height: 33px !important;
					width: 33px !important;
					float: left;
				}
			}
			
			.c-span {
				color: #3BBE7A;
				font-size: 25px;
				margin-right: 15px;
			}
		</style>
	</head>
	<body>
		<!-- 缩小时显示 -->
		<div class="c-new">
			<div class="c-zuo">
				<figure class="ac-logo-icon"></figure>
			</div>
			<div>
				<span class="glyphicon glyphicon-menu-hamburger c-span right dropdown" aria-hidden="true">

				</span>
			</div>
		</div>
		<!-- 导航条 -->
		<div class="c-nav">
			<div class="container">
				<div class="row">
					<div class="c-thuan">
						<a href="2.途欢健康.html">
							<div class="c-img"></div>
						</a>

					</div>

					<div class="c-dhan right ">
						<ul class="nav navbar-nav">
							<li>
								<a href="首页.html">关于我们</a>
								<p></p> <!-- 下划线 -->
							</li>
							<li>
								<a href="2.途欢健康.html">途欢健康</a>
								<p class="line-top"></p>
							</li>
							<li>
								<a href="3.加入我们.html">加入我们</a>
								<p></p>
							</li>
							<li>
								<a href="4.联系我们.html">联系我们</a>
								<p></p>
							</li>
							<li>
								<a href="">公司动态</a>
								<p></p>
							</li>
							<li>
								<a href="">价值聚焦</a>
								<p></p>
							</li>
						</ul>
						<button class="c-btn ">下载途欢健康</button>
					</div>
				</div>
			</div>
		</div>

		<!-- 轮播图 -->
		<div class="container-fluid">
			<!-- Carousel
		      ================================================== -->
			<div id="myCarousel" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
				</ol>
				<div class="carousel-inner" role="listbox">

					<div class="item  active">
						<img class="third-slide" src="http://www.tuhuanjk.com/templets/default/banner/img/health-banner1-2x.jpg" alt="Third slide">
						<div class="container">
							<div class="carousel-caption">
								<h1>科技助力医疗创新，实现更高协同价值</h1>
								<p>Technology that enables care</p>
								<p><a class="btn btn-lg btn-primary" href="#" role="button">开启健康人生</a></p>
							</div>
						</div>
					</div>

					<div class="item">


						<div class="item">
							<img class="third-slide" src="http://www.tuhuanjk.com/templets/default/banner/img/health-banner2-2x.jpg" alt="Third slide">
							<div class="container">
								<div class="carousel-caption">
									<h1>选择途欢，拥有更具连续性的医疗健康服务
										获得更积极的健康成果</h1>
									<p>Choose us， Better care， Better health</p>
									<p><a class="btn btn-lg btn-primary" href="#" role="button">开启健康人生</a></p>
								</div>
							</div>
						</div>
					</div>
					<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div><!-- /.carousel -->
			</div>

			<!-- 以专业维护您的健康 -->
			<div class="container">
				<div class="title-comm-tuhuan">
					<h3 class="welinain">以专业维护您的健康</h3>
					<p class="line lineheight"></p>
					<p>途欢希冀于用专业的力量温情传递健康的意义，用医学的理念与技术帮助大众更科学的维护健康</p>
				</div>
			</div>


			<!-- 轮播图 -->
			<div class="container-fluid" style="background-color: #eeefe9;padding-top: 30px;">
				<div class="row">
					<div class="col-lg-4 text-center">
						<img class="img-circle" src="http://www.tuhuanjk.com/templets/default/img/garden03.jpg" alt="" width="140" height="140">
						<h2>专家医生便捷诊疗</h2>
						<p>搭建绿色通达的诊疗通道，就诊需求轻松直达三甲医院专家</p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-4 text-center">
						<img class="img-circle" src="http://www.tuhuanjk.com/templets/default/img/garden04.jpg" alt="Generic placeholder image"
						 width="140" height="140">
						<h2>专属健康管理计划</h2>
						<p>制定全面匹配的健康管理方案，享受专属于您的健康管理服务</p>
					</div><!-- /.col-lg-4 -->
					<div class="col-lg-4 text-center">
						<img class="img-circle" src="http://www.tuhuanjk.com/templets/default/img/garden02.jpg" alt="Generic placeholder image"
						 width="140" height="140">
						<h2>医助团队专业管控</h2>
						<p>专业医生助理主动持续的干预与管理，如同家人般关注您的健康</p>
					</div><!-- /.col-lg-4 -->
				</div><!-- /.row -->
			</div>

			<!--上文字 下图... -->
			<div class="container">
				<div class="row">
					<div class="title-comm-tuhuan" style="font-size: 16px;    padding: 0 20px;">
						<p class="mb8">途欢健康，协同三甲医院医生，依据您的近期体检报告及日常情况</p>
						<p>面对面评估您的健康状况及风险，制定健康（诊疗）计划</p>
						<p class="line-tuhuan lineheight"></p>
						<p class="tuhuan-text">既往，只体检，体检结果无人管</p>
					</div>
				</div>

				<div class="tuhuan-item-comm">
					<div class="col-xs-6" style="padding: 0;">
						<img src="http://www.tuhuanjk.com/templets/default/img/tuhuan1_l2x.jpg" class="img-responsive">
					</div>
					<div class="col-xs-6" style="padding: 0;">
						<img src="http://www.tuhuanjk.com/templets/default/img/tuhuan1_r2x.jpg" class="img-responsive">
					</div>
					<figure class="zljh-logo-icon ac-figure-icon"></figure>
				</div>
			</div>

			<div class="container">
				<div class="row">
					<div class="title-comm-tuhuan" style="font-size: 16px;    padding: 0 20px;">
						<p class="mb8">途欢健康，专业、系统、持续的记录您的健康</p>
						<p>包含历史体检数据、历史诊疗与日常监控随访数据等，成为您就诊时，医生诊疗决策最有力协助</p>
						<p class="line-tuhuan lineheight"></p>
						<p class="tuhuan-text">记录随手丢，病例找不到，医嘱记不住</p>
					</div>
				</div>

				<div class="tuhuan-item-comm">
					<div class="col-xs-6" style="padding: 0;">
						<img src="http://www.tuhuanjk.com/templets/default/img/tuhuan3_l2x.jpg" class="img-responsive">
					</div>
					<div class="col-xs-6" style="padding: 0;">
						<img src="http://www.tuhuanjk.com/templets/default/img/tuhuan4_r2x.jpg" class="img-responsive">
					</div>
					<figure class="zljh-logo-icon ac-figure-icon"></figure>
				</div>
			</div>

			<div class="container">
				<div class="row">
					<div class="title-comm-tuhuan" style="font-size: 16px;    padding: 0 20px;">
						<p class="mb8">专业临床医学背景的途欢医生助理仿佛您的家人，时刻关注着您的健康</p>
						<p>通过主动持续的干预与管理，为您提供个体化的健康服务</p>
						<p class="line-tuhuan lineheight"></p>
						<p class="tuhuan-text">对健康关注，却因缺少专业知识而束手无策</p>
					</div>
				</div>

				<div class="tuhuan-item-comm">
					<div class="col-xs-6" style="padding: 0;">
						<img src="http://www.tuhuanjk.com/templets/default/img/tuhuan5_l2x.jpg" class="img-responsive">
					</div>
					<div class="col-xs-6" style="padding: 0;">
						<img src="http://www.tuhuanjk.com/templets/default/img/tuhuan6_r2x.jpg" class="img-responsive">
					</div>
					<figure class="zljh-logo-icon ac-figure-icon"></figure>
				</div>
			</div>


			<div class="container">
				<div class="row">
					<div class="title-comm-tuhuan" style="font-size: 16px;    padding: 0 20px;">
						<p class="mb8">科技助力医疗创新,实现更高协同价值</p>
						<p class="line-tuhuan lineheight"></p>
						<p>在途欢医疗健康管理平台的支持下</p>
						<p class="tuhuan-text">以社区医院家庭医生及途欢个人专属健康顾问为中心，集合三甲医院顶尖专家、权威专科医生的“责任医疗团队”</p>
						<p> 共同为您和家人提供高度协同的主动管理式医疗健康服务：日常健康管理，健康风险评估与风险因素管理，医疗服务连接等 </p>
					</div>
				</div>
			</div>

			<!-- 四图 -->
			<div class="fuwutixi-global">
				<div class="container">
					<div class="row" style="position:relative;">
						<div class="fuwutixi-imgitem">
							<img src="http://www.tuhuanjk.com/templets/default/img/fuwutixi-11.jpg" class="img-responsive">
							<div><img src="http://www.tuhuanjk.com/templets/default/img/tuhuanjkmengc_l.png" class="img-responsive">
								<p>途欢医疗团队</p>
							</div>
							<div><img src="http://www.tuhuanjk.com/templets/default/img/tuhuanjkmengc_r.png" class="img-responsive">
								<p>社区医院医生</p>
							</div>
						</div>
						<div class="fuwutixi-imgitem" style="margin-top: 2%;">
							<img src="http://www.tuhuanjk.com/templets/default/img/fuwutixi-2.jpg" class="img-responsive">
							<div><img src="http://www.tuhuanjk.com/templets/default/img/tuhuanjkmengc_l.png" class="img-responsive">
								<p>三甲专科医院</p>
							</div>
							<div><img src="http://www.tuhuanjk.com/templets/default/img/tuhuanjkmengc_r.png" class="img-responsive">
								<p>途欢医疗健康管理系统</p>
							</div>
						</div>
						<div class="vbox box-h-center box-v-center" style="width: 100%; height: 100%; position: absolute; top: 0;">
							<div class="original-shape">服务体系</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 以您为中心,更便捷的健康体验 -->
			<div class="container">
				<div class="row">
					<div class="title-comm-tuhuan" style="font-size: 16px;    padding: 0 20px;">
						<p class="mb8">以您为中心,更便捷的健康体验</p>
						<p class="line-tuhuan lineheight"></p>
					</div>
				</div>
			</div>

			<!-- deq -->
			<div class="container-fluid" style="padding-top: 30px;">
				<div class="row">
					<div class="col-xs-6 col-sm-3 text-center">
						<img src="http://www.tuhuanjk.com/templets/default/img/center-img-01.jpg" alt="" width="140" height="140">
						<h2>更了解您</h2>
						<p class="line-tuhuan lineheight"></p>
						<p>为您建立的个人电子健康档案，全面记录您的日常健康数据、医疗记录，是医生更精准诊疗的基础</p>
					</div><!-- /.col-lg-4 -->
					<div class="col-xs-6 col-sm-3 text-center">
						<img src="http://www.tuhuanjk.com/templets/default/img/center-img-02.jpg" alt="Generic placeholder image" width="140"
						 height="140">
						<h2>时刻关注您</h2>
						<p class="line-tuhuan lineheight"></p>
						<p>将人工智能运用于健康数据的智能检测，持续、动态的管理您的健康数据，更早发现潜在健康风险</p>
					</div><!-- /.col-lg-4 -->
					<div class="col-xs-6 col-sm-3 text-center">
						<img src="http://www.tuhuanjk.com/templets/default/img/center-img-03.jpg" alt="Generic placeholder image" width="140"
						 height="140">
						<h2>离您更近</h2>
						<p class="line-tuhuan lineheight"></p>
						<p>与熟悉您健康的途欢大夫、家庭医生、专属健康顾问进行在线咨询，随时随地获得更便捷的健康服务</p>
					</div><!-- /.col-lg-4 -->
					<div class=" col-xs-6 col-sm-3 text-center">
						<img src="http://www.tuhuanjk.com/templets/default/img/center-img-04.jpg" alt="Generic placeholder image" width="140"
						 height="140">
						<h2>专家人般守护您</h2>
						<p class="line-tuhuan lineheight"></p>
						<p>健康顾问与家庭医生为您预判并连接您所适需医疗方案，帮助您获得更精准、更有效率的医疗服务</p>
					</div>
				</div><!-- /.row -->
			</div>

			<div class="container-fluid">
				<div class="dabox">
					<img src="OBFTJ5%7DG0$XU9VC7ZS%7DA%60%7DQ.png">
				</div>
			</div>

			<!-- 用户的鼓励 -->
			<div class="container">
				<div class="title-comm-tuhuan">
					<h3 class="welinain">用户的鼓励</h3>
					<p class="line lineheight"></p>
					<p>途欢健康、协同于现有的医疗服务体系，致力于构建更精准的医疗保健模式</p>
				</div>
			</div>

			<!-- 底部 -->
			<footer>
				<div class="container">
					<div class="row">
						<div class="ac-gf-footer-legal">
							<div class="footer-legal-links">
								<a href="/news/">公司动态</a>
								<div class="bor-line"></div>
								<a href="/joinus/">加入我们</a>
								<div class="bor-line"></div>
								<a href="/customres/">企业用户</a>
								<div class="bor-line"></div>
								<a href="/useragreement/" class="nob">用户使用协议</a>
							</div>
							<div class="footer-beizhu">Copyright © 2018 途欢医疗健康科技有限公司 蜀ICP备15025302号-1</div>
						</div>
						<div class="footer-weixin">
							<div class="wx"></div>
							<figure class="weixin-logo-icon"></figure>
						</div>
						<div class="footer-weixin">
							<div class="wx"></div>
							<figure class="shouji-logo-icon"></figure>

						</div>
					</div>
			</footer>
			<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
			<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
	</body>
</html>
